<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>OpenLayers v8.2.0 API - Class: Feature</title>
    <script src="scripts/prettify/prettify.js"></script>
    <script src="scripts/prettify/lang-css.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/fontawesome.min.css"
        crossorigin="anonymous">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/solid.css" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/brands.css" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="styles/prettify-tomorrow.css">
    <link rel="stylesheet" type="text/css" href="styles/jaguar.css">
    <link rel="stylesheet" type="text/css" href="styles/carbon.css">
    <link rel="stylesheet" type="text/css" href="/theme/ol.css">
    <link rel="stylesheet" type="text/css" href="/theme/site.css">
</head>

<body>
    <header class="navbar navbar-expand-sm navbar-dark mb-3 px-3 py-0 fixed-top" role="navigation">
        <a class="navbar-brand" href="/"><img src="/theme/img/logo-dark.svg" width="70" height="70"
                alt="">&nbsp;OpenLayers</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#olmenu"
            aria-controls="olmenu" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <!-- menu items that get hidden below 768px width -->
        <nav class="collapse navbar-collapse" id="olmenu">
            <ul class="nav navbar-nav ms-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="docdropdown" role="button"
                        data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Docs</a>
                    <div class="dropdown-menu dropdown-menu-end mb-3" aria-labelledby="docdropdown">
                        <a class="dropdown-item" href="/doc/">Docs</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="/doc/quickstart.html"><i
                                class="fa fa-check fa-fw me-2 fa-lg"></i>快速入门</a>
                        <a class="dropdown-item" href="/doc/faq.html"><i
                                class="fa fa-question fa-fw me-2 fa-lg"></i>FAQ</a>
                        <a class="dropdown-item" href="/doc/tutorials/"><i
                                class="fa fa-book fa-fw me-2 fa-lg"></i>Tutorials</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="https://stackoverflow.com/questions/tagged/openlayers"><i
                                class="fab fa-stack-overflow fa-fw me-2"></i>Ask a Question</a>
                    </div>
                </li>
                <li class="nav-item"><a class="nav-link" href="/en/latest/examples/">Examples</a></li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="apidropdown" role="button"
                        data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-sitemap me-1"></i>API
                    </a>
                    <div class="dropdown-menu dropdown-menu-end mb-3" aria-labelledby="apidropdown">
                        <a class="dropdown-item" href="/en/latest/apidoc/"><i
                                class="fa fa-sitemap fa-fw me-2 fa-lg"></i>v8.2.0
                            (latest)</a </div>
                </li>
            </ul>
        </nav>
    </header>

    <div class="container-fluid">
        <div id="wrap" class="row">
            <div class="navigation col-md-4 col-lg-3">
                <div class="search-wrapper">
                    <div class="search">
                        <input id="search" type="text" autocomplete="off" class="form-control input-sm"
                            placeholder="Search Documentation">
                    </div>
                </div>
                <div class="navigation-list-wrapper">
                    <ul class="navigation-list search-empty">
                        <li class="item item-class toggle-manual toggle-manual-show"
                            data-longname="module:ol/Feature~Feature" data-name="ol/feature">
                            <span class="title toggle">
                                <span class="fa fa-chevron-right me-2 mt-1"></span>
                                <span><a href="module-ol_Feature-Feature.html">ol​/Feature</a></span>
                            </span>
                            <div class="member-list" data-type="methods">
                                <span class="subtitle">Methods</span>
                                <ul>
                                    <li data-name="changed"><a href="module-ol_Feature-Feature.html#changed">changed</a>
                                    <li data-name="clone"><a href="module-ol_Feature-Feature.html#clone">clone</a>
                                    <li data-name="dispatchevent"><a
                                            href="module-ol_Feature-Feature.html#dispatchEvent">dispatchEvent</a>
                                    <li data-name="get"><a href="module-ol_Feature-Feature.html#get">get</a>
                                    <li data-name="getgeometry"><a
                                            href="module-ol_Feature-Feature.html#getGeometry">getGeometry</a>
                                    <li data-name="getgeometryname"><a
                                            href="module-ol_Feature-Feature.html#getGeometryName">getGeometryName</a>
                                    <li data-name="getid"><a href="module-ol_Feature-Feature.html#getId">getId</a>
                                    <li data-name="getkeys"><a href="module-ol_Feature-Feature.html#getKeys">getKeys</a>
                                    <li data-name="getproperties"><a
                                            href="module-ol_Feature-Feature.html#getProperties">getProperties</a>
                                    <li data-name="getrevision"><a
                                            href="module-ol_Feature-Feature.html#getRevision">getRevision</a>
                                    <li data-name="getstyle"><a
                                            href="module-ol_Feature-Feature.html#getStyle">getStyle</a>
                                    <li data-name="getstylefunction"><a
                                            href="module-ol_Feature-Feature.html#getStyleFunction">getStyleFunction</a>
                                    <li data-name="on"><a href="module-ol_Feature-Feature.html#on">on</a>
                                    <li data-name="once"><a href="module-ol_Feature-Feature.html#once">once</a>
                                    <li data-name="set"><a href="module-ol_Feature-Feature.html#set">set</a>
                                    <li data-name="setgeometry"><a
                                            href="module-ol_Feature-Feature.html#setGeometry">setGeometry</a>
                                    <li data-name="setgeometryname"><a
                                            href="module-ol_Feature-Feature.html#setGeometryName">setGeometryName</a>
                                    <li data-name="setid"><a href="module-ol_Feature-Feature.html#setId">setId</a>
                                    <li data-name="setproperties"><a
                                            href="module-ol_Feature-Feature.html#setProperties">setProperties</a>
                                    <li data-name="setstyle"><a
                                            href="module-ol_Feature-Feature.html#setStyle">setStyle</a>
                                    <li data-name="un"><a href="module-ol_Feature-Feature.html#un">un</a>
                                    <li data-name="unset"><a href="module-ol_Feature-Feature.html#unset">unset</a>
                                </ul>
                            </div>
                            <div class="member-list" data-type="fires">
                                <span class="subtitle">Fires</span>
                                <ul>
                                    <li data-name="change"><a
                                            href="module-ol_events_Event-BaseEvent.html#event:change">change</a>
                                    <li data-name="change:geometry">change:geometry
                                    <li data-name="error"><a
                                            href="module-ol_events_Event-BaseEvent.html#event:error">error</a>
                                    <li data-name="propertychange"><a
                                            href="module-ol_Object.ObjectEvent.html#event:propertychange">propertychange</a>
                                </ul>
                            </div>
                        <li class="loading">Loading …
                    </ul>
                </div>
            </div>

            <div class="main col-md-8 col-lg-9">
                <h1 class="page-title" data-filename="module-ol_Feature-Feature.html">Class: Feature</h1>
                <div id="latest-check" class="alert alert-warning alert-dismissible" role="alert" style="display:none">
                    <button id="latest-dismiss" type="button" class="btn-close" data-bs-dismiss="alert"
                        aria-label="Close"></button>
                    This documentation is for OpenLayers v<span id="package-version">8.2.0</span>. The <a
                        id="latest-link" href="#" class="alert-link">latest</a> is v<span id="latest-version"></span>.
                </div>




                <section class="content">

                    <header>
                        <h2 class="my-3">
                            <span class="ancestors"><a href="module-ol_Feature.html">ol/Feature</a>~</span>Feature
                        </h2>
                        <br>



                        <pre
                            class="prettyprint source"><code>import Feature from '<a href="module-ol_Feature.html">ol/Feature</a>.js';</code></pre>


                        <div class="row p-3 ">
                            <!-- <div id="ad" class="col-lg-5 order-2 align-self-center border rounded bg-light ">
                                <script async type="text/javascript"
                                    src="https://cdn.carbonads.com/carbon.js?serve=CE7DV53U&placement=openlayersorg"
                                    id="_carbonads_js"></script>
                            </div> -->

                            <div class="class-description col-lg-7 align-self-center ps-0">
                                <p>一个地理特征的矢量对象，具有几何和其他属性属性，类似于像GeoJSON这样的矢量文件格式中的特征。</p>
                                <p>可以使用<code>setStyle</code>单独设置特征的样式；否则，它们将使用其矢量层的样式。</p>
                                <p>请注意，属性属性设置为特征对象上的<a
                                        href="module-ol_Object-BaseObject.html"><code>BaseObject</code></a>属性，因此它们是可观察的，并具有get/set访问器。
                                </p>
                                <p>通常，一个特征具有单个几何属性。可以使用<code>setGeometry</code>方法设置几何，并使用<code>getGeometry</code>获取它。
                                    可以使用属性属性在特征上存储多个几何。默认情况下，用于渲染的几何由属性名称<code>geometry</code>确定。如果您想使用另一个几何属性进行渲染，请使用<code>setGeometryName</code>方法更改与特征的几何相关联的属性属性。例如：
                                </p>
                                <pre class="prettyprint source lang-js"><code>
import Feature from 'ol/Feature.js';
import Polygon from 'ol/geom/Polygon.js';
import Point from 'ol/geom/Point.js';

const feature = new Feature({
  geometry: new Polygon(polyCoords),
  labelPoint: new Point(labelCoords),
  name: 'My Polygon',
});

// get the polygon geometry
const poly = feature.getGeometry();

// Render the feature as a point using the coordinates from labelPoint
feature.setGeometryName('labelPoint');

// get the point geometry
const point = feature.getGeometry();</code></pre>
                            </div>

                        </div>
                    </header>

                    <article>
                        <div class="container-overview">



                            <dl>

                                <dt class="">

                                    <div class="nameContainer">
                                        <div class="anchor" id="Feature">
                                        </div>
                                        <h4 class="name">
                                            new Feature<span class="signature">(<span
                                                    class="optional">geometryOrProperties</span>)</span>



                                        </h4>

                                        <div class="tag-source">
                                            <a
                                                href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                            <a
                                                href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L75">line
                                                75</a>
                                        </div>

                                    </div>


                                </dt>
                                <dd class="">













                                    <table class="params">
                                        <thead>
                                            <tr>

                                                <th>Name</th>


                                                <th>Type</th>

                                                <th class="last">Description</th>
                                            </tr>
                                        </thead>

                                        <tbody>


                                            <tr class="">

                                                <td class="name"><code>geometryOrProperties</code></td>



                                                <td class="type">


                                                    <span class="param-type">Geometry</span>
                                                    |

                                                    <span class="param-type">ObjectWithGeometry.&lt;Geometry></span>

                                                    | undefined


                                                </td>



                                                <td class="description last">

                                                    <p>您可以直接传递Geometry对象，或者传递包含属性的对象字面量。如果您传递对象字面量，则可以包含与几何键关联的<code>geometry</code>。
                                                    </p>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>




                                    <dl class="details">





















                                    </dl>



                                    <h5>Fires:</h5>
                                    <ul>
                                        <li class="">
                                            <code><a href="module-ol_events_Event-BaseEvent.html#event:change">change</a></code>
                                            (<a href="module-ol_events_Event-BaseEvent.html">BaseEvent</a>)
                                            -通用更改事件。在修订计数器增加时触发。
                                        </li>

                                        <li class="">
                                            <code>change:geometry</code>

                                            (<a href="module-ol_Object.ObjectEvent.html">ObjectEvent</a>)




                                        </li>

                                        <li class="">
                                            <code><a href="module-ol_events_Event-BaseEvent.html#event:error">error</a></code>
                                            (<a
                                                href="module-ol_events_Event-BaseEvent.html">BaseEvent</a>)-通用错误事件。在发生错误时触发。
                                        </li>

                                        <li class="">
                                            <code><a href="module-ol_Object.ObjectEvent.html#event:propertychange">propertychange</a></code>
                                            (<a href="module-ol_Object.ObjectEvent.html">ObjectEvent</a>) - 当属性发生更改时触发。
                                        </li>
                                    </ul>











                                </dd>

                            </dl>

                        </div>




                        <h3 class="subsection-title">Extends</h3>

                        <ul>
                            <li><a href="module-ol_Object-BaseObject.html">BaseObject</a></li>
                        </ul>











                        <h3 class="subsection-title">Observable Properties</h3>
                        <dl>

                            <table class="props">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Type</th>
                                        <th>Settable</th>
                                        <th><a href="module-ol_Object.ObjectEvent.html">ObjectEvent</a> type</th>
                                        <th class="last">Description</th>
                                    </tr>
                                </thead>

                                <tbody>


                                    <tr class="">
                                        <td class="name"><code>geometry</code></td>
                                        <td class="type">


                                            <span class="param-type">Geometry</span>
                                            |

                                            <span class="param-type">undefined</span>



                                        </td>
                                        <td class="setter">yes</td>
                                        <td class="event"><code>change:geometry</code></td>
                                        <td class="description last">
                                            <p>默认特征的几何图形。</p>
                                        </td>
                                    </tr>

                                </tbody>
                            </table>
                        </dl>






                        <h3 class="subsection-title">Methods</h3>

                        <dl>


                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="changed">
                                    </div>
                                    <h4 class="name">
                                        changed<span class="signature">()</span>

                                        <span class="inherited"><a
                                                href="module-ol_Observable-Observable.html#changed">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js">Observable.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js#L68">line
                                            68</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">
                                <div class="description">
                                    <p>增加修订计数器并派发一个 'change' 事件。</p>
                                </div>











                                <dl class="details">





















                                </dl>













                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="clone">
                                    </div>
                                    <h4 class="name">
                                        clone<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{<a
                                                href="module-ol_Feature-Feature.html">Feature</a>&lt;Geometry>}</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L155">line
                                            155</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>克隆此特征。如果原始特征具有几何图形，它也会被克隆。克隆的特征中没有设置特征id。</p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                The clone.
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="dispatchEvent">
                                    </div>
                                    <h4 class="name">
                                        dispatchEvent<span class="signature">(event)</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{boolean | undefined}</span>

                                        <span class="inherited"><a
                                                href="module-ol_events_Target-Target.html#dispatchEvent">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/events/Target.js">events/Target.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/events/Target.js#L85">line
                                            85</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">
                                <div class="description">
                                    <p>派发一个事件并调用所有监听此类型事件的监听器。事件参数可以是字符串或具有 <code>type</code>属性的对象。</p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>event</code></td>



                                            <td class="type">


                                                <span class="param-type"><a
                                                        href="module-ol_events_Event-BaseEvent.html">BaseEvent</a></span>
                                                |

                                                <span class="param-type">string</span>




                                            </td>



                                            <td class="description last">

                                                <p>Event object.</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                如果任何人在事件对象上调用 preventDefault，或者如果任何监听器返回 false，则为<code>false</code>。
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="get">
                                    </div>
                                    <h4 class="name">
                                        get<span class="signature">(key)</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{*}</span>

                                        <span class="inherited"><a
                                                href="module-ol_Object-BaseObject.html#get">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js">Object.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js#L135">line
                                            135</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>获取一个值。</p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>key</code></td>



                                            <td class="type">


                                                <span class="param-type">string</span>




                                            </td>



                                            <td class="description last">
                                                <p>键名称。</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                Value.
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="getGeometry">
                                    </div>
                                    <h4 class="name">
                                        getGeometry<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{Geometry | undefined}</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L179">line
                                            179</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>获取特征的默认几何图形。一个特征可以有任意数量的命名几何图形。通过调用<a
                                            href="module-ol_Feature-Feature.html#setGeometry"><code>setGeometry</code></a>设置“默认”几何图形（默认渲染的几何图形）。
                                    </p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                The default geometry for the feature.
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="getGeometryName">
                                    </div>
                                    <h4 class="name">
                                        getGeometryName<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{string}</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L201">line
                                            201</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>获取特征的默认几何图形的名称。默认情况下，默认几何图形的名称是<code>geometry</code>.</p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                获取与此特征的默认几何图形相关联的属性名称。
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="getId">
                                    </div>
                                    <h4 class="name">
                                        getId<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{number | string | undefined}</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L190">line
                                            190</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>获取特征标识符。这是特征的稳定标识符，当从远程源读取数据时，或者通过调用<a
                                            href="module-ol_Feature-Feature.html#setId"><code>setId</code></a>方法明确设置时，会设置该标识符。
                                    </p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                Id.
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="getKeys">
                                    </div>
                                    <h4 class="name">
                                        getKeys<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{Array.&lt;string>}</span>

                                        <span class="inherited"><a
                                                href="module-ol_Object-BaseObject.html#getKeys">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js">Object.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js#L148">line
                                            148</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">



                                <div class="description">
                                    <p>获取对象属性名称的列表。</p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                属性名称列表。
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="getProperties">
                                    </div>
                                    <h4 class="name">
                                        getProperties<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{Object.&lt;string, *>}</span>

                                        <span class="inherited"><a
                                                href="module-ol_Object-BaseObject.html#getProperties">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js">Object.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js#L157">line
                                            157</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>获取包含所有属性名称和值的对象。</p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                Object.
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="getRevision">
                                    </div>
                                    <h4 class="name">
                                        getRevision<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{number}</span>

                                        <span class="inherited"><a
                                                href="module-ol_Observable-Observable.html#getRevision">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js">Observable.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js#L79">line
                                            79</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>获取此对象的版本号。每次对象被修改时，其版本号将递增。</p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                Revision.
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="getStyle">
                                    </div>
                                    <h4 class="name">
                                        getStyle<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{<a
                                                href="module-ol_style_Style.html#~StyleLike">StyleLike</a> |
                                            undefined}</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L211">line
                                            211</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>获取特征的样式。将返回提供给 <a
                                            href="module-ol_Feature-Feature.html#setStyle"><code>setStyle</code></a>方法的样式。
                                    </p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                The feature style.
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="getStyleFunction">
                                    </div>
                                    <h4 class="name">
                                        getStyleFunction<span class="signature">()</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{<a
                                                href="module-ol_style_Style.html#~StyleFunction">StyleFunction</a> |
                                            undefined}</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L221">line
                                            221</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>获取特征的样式函数。</p>
                                </div>











                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                Return a function
                                representing the current style of this feature.
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="on">
                                    </div>
                                    <h4 class="name">
                                        on<span class="signature">(type, listener)</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{<a
                                                href="module-ol_events.html#~EventsKey">EventsKey</a> | Array&lt;<a
                                                href="module-ol_events.html#~EventsKey">EventsKey</a>>}</span>

                                        <span class="inherited"><a
                                                href="module-ol_Observable-Observable.html#on">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js">Observable.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js#L152">line
                                            152</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>监听特定类型的事件。</p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>type</code></td>



                                            <td class="type">


                                                <span class="param-type">string</span>
                                                |

                                                <span class="param-type">Array.&lt;string></span>




                                            </td>



                                            <td class="description last">
                                                <p>事件类型或事件类型的数组。</p>
                                            </td>
                                        </tr>



                                        <tr class="">

                                            <td class="name"><code>listener</code></td>



                                            <td class="type">


                                                <span class="param-type">function</span>




                                            </td>



                                            <td class="description last">
                                                <p>侦听器函数。</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                监听器的唯一键。如果将事件类型的数组作为第一个参数调用，返回将是键的数组。
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="once">
                                    </div>
                                    <h4 class="name">
                                        once<span class="signature">(type, listener)</span><span
                                            class="fa fa-arrow-circle-right"></span><span
                                            class="type-signature returnType">{<a
                                                href="module-ol_events.html#~EventsKey">EventsKey</a> | Array&lt;<a
                                                href="module-ol_events.html#~EventsKey">EventsKey</a>>}</span>

                                        <span class="inherited"><a
                                                href="module-ol_Observable-Observable.html#once">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js">Observable.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js#L164">line
                                            164</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>仅监听特定类型的事件一次。</p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>type</code></td>



                                            <td class="type">


                                                <span class="param-type">string</span>
                                                |

                                                <span class="param-type">Array.&lt;string></span>




                                            </td>



                                            <td class="description last">
                                                <p>事件类型或事件类型的数组。</p>
                                            </td>
                                        </tr>



                                        <tr class="">

                                            <td class="name"><code>listener</code></td>



                                            <td class="type">


                                                <span class="param-type">function</span>




                                            </td>



                                            <td class="description last">
                                                <p>侦听器函数。</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>















                                <h5>Returns:</h5>
                                监听器的唯一键。如果将事件类型的数组作为第一个参数调用，返回将是键的数组。
                                <br />




                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="set">
                                    </div>
                                    <h4 class="name">
                                        set<span class="signature">(key, value, <span
                                                class="optional">silent</span>)</span>

                                        <span class="inherited"><a
                                                href="module-ol_Object-BaseObject.html#set">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js">Object.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js#L215">line
                                            215</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>设置值。</p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>key</code></td>



                                            <td class="type">


                                                <span class="param-type">string</span>




                                            </td>



                                            <td class="description last">
                                                <p>键名称。</p>
                                            </td>
                                        </tr>



                                        <tr class="">

                                            <td class="name"><code>value</code></td>



                                            <td class="type">


                                                <span class="param-type">*</span>




                                            </td>



                                            <td class="description last">

                                                <p>Value.</p>
                                            </td>
                                        </tr>



                                        <tr class="">

                                            <td class="name"><code>silent</code></td>



                                            <td class="type">


                                                <span class="param-type">boolean</span>

                                                | undefined


                                            </td>



                                            <td class="description last">
                                                <p>是否在不触发事件的情况下进行更新。</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>













                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="setGeometry">
                                    </div>
                                    <h4 class="name">
                                        setGeometry<span class="signature">(geometry)</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L259">line
                                            259</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>设置特征的默认几何图形。这将使用<a
                                            href="module-ol_Feature-Feature.html#getGeometryName"><code>getGeometryName</code></a>返回的名称更新属性。
                                    </p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>geometry</code></td>



                                            <td class="type">


                                                <span class="param-type">Geometry</span>
                                                |

                                                <span class="param-type">undefined</span>




                                            </td>



                                            <td class="description last">

                                                <p>The new geometry.</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>













                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="setGeometryName">
                                    </div>
                                    <h4 class="name">
                                        setGeometryName<span class="signature">(name)</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L299">line
                                            299</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>设置获取特征的默认几何图形时要使用的属性名称。当调用<a
                                            href="module-ol_Feature-Feature.html#getGeometry"><code>getGeometry</code></a>时，将返回具有此名称的属性的值。
                                    </p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>name</code></td>



                                            <td class="type">


                                                <span class="param-type">string</span>




                                            </td>



                                            <td class="description last">

                                                <p>The property name of the default geometry.</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>













                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="setId">
                                    </div>
                                    <h4 class="name">
                                        setId<span class="signature">(id)</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L287">line
                                            287</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>设置特征id。特征id被认为是稳定的，可以在请求特征或比较从远程源返回的标识符时使用。特征id可用于 <a
                                            href="module-ol_source_Vector-VectorSource.html#getFeatureById"><code>getFeatureById</code></a>方法。
                                    </p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>id</code></td>



                                            <td class="type">


                                                <span class="param-type">number</span>
                                                |

                                                <span class="param-type">string</span>
                                                |

                                                <span class="param-type">undefined</span>




                                            </td>



                                            <td class="description last">

                                                <p>The feature id.</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>



                                <h5>Fires:</h5>
                                <ul>
                                    <li class="">
                                        <code><a href="module-ol_events_Event-BaseEvent.html#event:change">change</a></code>

                                        (<a href="module-ol_events_Event-BaseEvent.html">BaseEvent</a>)



                                        -
                                        Generic change event. Triggered when the revision counter is increased.

                                    </li>
                                </ul>











                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="setProperties">
                                    </div>
                                    <h4 class="name">
                                        setProperties<span class="signature">(values, <span
                                                class="optional">silent</span>)</span>

                                        <span class="inherited"><a
                                                href="module-ol_Object-BaseObject.html#setProperties">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js">Object.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js#L235">line
                                            235</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>设置一个键值对的集合。请注意，这将更改任何现有属性并添加新属性（不会删除任何现有属性）。</p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>values</code></td>



                                            <td class="type">


                                                <span class="param-type">Object.&lt;string, *></span>




                                            </td>



                                            <td class="description last">

                                                <p>Values.</p>
                                            </td>
                                        </tr>



                                        <tr class="">

                                            <td class="name"><code>silent</code></td>



                                            <td class="type">


                                                <span class="param-type">boolean</span>

                                                | undefined


                                            </td>



                                            <td class="description last">
                                                <p>是否在不触发事件的情况下进行更新。</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>













                            </dd>




                            <dt class="">

                                <div class="nameContainer">
                                    <div class="anchor" id="setStyle">
                                    </div>
                                    <h4 class="name">
                                        setStyle<span class="signature">(<span class="optional">style</span>)</span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js">Feature.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Feature.js#L272">line
                                            272</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>为特征设置样式以覆盖图层样式。这可以是单个样式对象、样式数组或返回样式数组的函数。要取消设置特征样式，请调用
                                        <code>setStyle()</code>而不带参数或传入假值。
                                    </p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>style</code></td>



                                            <td class="type">


                                                <span class="param-type"><a
                                                        href="module-ol_style_Style.html#~StyleLike">StyleLike</a></span>

                                                | undefined


                                            </td>



                                            <td class="description last">

                                                <p>Style for this feature.</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>



                                <h5>Fires:</h5>
                                <ul>
                                    <li class="">
                                        <code><a href="module-ol_events_Event-BaseEvent.html#event:change">change</a></code>

                                        (<a href="module-ol_events_Event-BaseEvent.html">BaseEvent</a>)



                                        -
                                        Generic change event. Triggered when the revision counter is increased.

                                    </li>
                                </ul>











                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="un">
                                    </div>
                                    <h4 class="name">
                                        un<span class="signature">(type, listener)</span>

                                        <span class="inherited"><a
                                                href="module-ol_Observable-Observable.html#un">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js">Observable.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Observable.js#L173">line
                                            173</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>取消监听特定类型的事件。</p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>type</code></td>



                                            <td class="type">


                                                <span class="param-type">string</span>
                                                |

                                                <span class="param-type">Array.&lt;string></span>




                                            </td>



                                            <td class="description last">
                                                <p>事件类型或事件类型的数组。</p>
                                            </td>
                                        </tr>



                                        <tr class="">

                                            <td class="name"><code>listener</code></td>



                                            <td class="type">


                                                <span class="param-type">function</span>




                                            </td>



                                            <td class="description last">
                                                <p>侦听器函数。</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>













                            </dd>




                            <dt class="">

                                <div class="nameContainer inherited">
                                    <div class="anchor" id="unset">
                                    </div>
                                    <h4 class="name">
                                        unset<span class="signature">(key, <span class="optional">silent</span>)</span>

                                        <span class="inherited"><a
                                                href="module-ol_Object-BaseObject.html#unset">inherited</a></span>



                                    </h4>

                                    <div class="tag-source">
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js">Object.js</a>,
                                        <a
                                            href="https://github.com/openlayers/openlayers/blob/v8.2.0/src/ol/Object.js#L259">line
                                            259</a>
                                    </div>

                                </div>


                            </dt>
                            <dd class="">




                                <div class="description">
                                    <p>取消设置属性。</p>
                                </div>










                                <table class="params">
                                    <thead>
                                        <tr>

                                            <th>Name</th>


                                            <th>Type</th>

                                            <th class="last">Description</th>
                                        </tr>
                                    </thead>

                                    <tbody>


                                        <tr class="">

                                            <td class="name"><code>key</code></td>



                                            <td class="type">


                                                <span class="param-type">string</span>




                                            </td>



                                            <td class="description last">
                                                <p>键名称。</p>
                                            </td>
                                        </tr>



                                        <tr class="">

                                            <td class="name"><code>silent</code></td>



                                            <td class="type">


                                                <span class="param-type">boolean</span>

                                                | undefined


                                            </td>



                                            <td class="description last">
                                                <p>在不触发事件的情况下取消设置属性。</p>
                                            </td>
                                        </tr>


                                    </tbody>
                                </table>




                                <dl class="details">





















                                </dl>













                            </dd>

                        </dl>





                    </article>

                </section>




            </div>
        </div>
    </div>
    <script>prettyPrint();</script>
    <script src="scripts/linenumber.js"></script>
    <script src="scripts/main.js"></script>
</body>

</html>